<template>
  <div>
    <div class="tours_xl fr mt20" style="width:100%">
      <div class="title">
        <h3>旅游线路推荐</h3>
        <router-link to="/tour" class="more fr">更多+</router-link>
      </div>
      <div class="content-five mt20" style="width:100%;">
        <ul class="contentbox-five" style="width:100%; margin-left:5px;">
          <home-tour-item v-for="item in list"
                          :id="item.id"
                          :title="item.subject"
                          :img-url="item.photoUrl | articlePhotoUrl"/>
        </ul>
      </div>

    </div>
    <div class="cb"></div>
  </div>
</template>

<script>
  import HomeTourItem from "@/views/home/components/HomeTourItem";

  export default {
    name: "HomeTour",
    components: {
      HomeTourItem
    },
    data() {
      return {
        list: []
      }
    },
    async created() {
      this.list = await this.$api.tour.findHomeTourList();
    }
  }
</script>

<style scoped>

</style>